<html>
<head>
<title>
</title>
<head>
<body>

<style>
.xttopline {border:1px solid white; border-bottom:0px; width:282px; height:20px; margin:0 auto;}
.xtbottomline {border:1px solid white; width:282px; height:20px; margin:0 auto;}
.xttopline-c {border-right:1px solid white; width:19px; height:20px; float:left;}
</style>
<div style="border:2px solid black;width:285px;margin:0 auto;">
<div class="xttopline">
        <div id="x1y1" class="xttopline-c"></div>
        <div id="x1y2" class="xttopline-c"></div>
        <div id="x1y3" class="xttopline-c"></div>
        <div id="x1y4" class="xttopline-c"></div>
        <div id="x1y5" class="xttopline-c"></div>
        <div id="x1y6" class="xttopline-c"></div>
        <div id="x1y7" class="xttopline-c"></div>
        <div id="x1y8" class="xttopline-c"></div>
        <div id="x1y9" class="xttopline-c"></div>
        <div id="x1y10" class="xttopline-c"></div>
        <div id="x1y11" class="xttopline-c"></div>
        <div id="x1y12" class="xttopline-c"></div>
        <div id="x1y13" class="xttopline-c"></div>
        <div id="x1y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x2y1" class="xttopline-c"></div>
        <div id="x2y2" class="xttopline-c"></div>
        <div id="x2y3" class="xttopline-c"></div>
        <div id="x2y4" class="xttopline-c"></div>
        <div id="x2y5" class="xttopline-c"></div>
        <div id="x2y6" class="xttopline-c"></div>
        <div id="x2y7" class="xttopline-c"></div>
        <div id="x2y8" class="xttopline-c"></div>
        <div id="x2y9" class="xttopline-c"></div>
        <div id="x2y10" class="xttopline-c"></div>
        <div id="x2y11" class="xttopline-c"></div>
        <div id="x2y12" class="xttopline-c"></div>
        <div id="x2y13" class="xttopline-c"></div>
        <div id="x2y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x3y1" class="xttopline-c"></div>
        <div id="x3y2" class="xttopline-c"></div>
        <div id="x3y3" class="xttopline-c"></div>
        <div id="x3y4" class="xttopline-c"></div>
        <div id="x3y5" class="xttopline-c"></div>
        <div id="x3y6" class="xttopline-c"></div>
        <div id="x3y7" class="xttopline-c"></div>
        <div id="x3y8" class="xttopline-c"></div>
        <div id="x3y9" class="xttopline-c"></div>
        <div id="x3y10" class="xttopline-c"></div>
        <div id="x3y11" class="xttopline-c"></div>
        <div id="x3y12" class="xttopline-c"></div>
        <div id="x3y13" class="xttopline-c"></div>
        <div id="x3y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x4y1" class="xttopline-c"></div>
        <div id="x4y2" class="xttopline-c"></div>
        <div id="x4y3" class="xttopline-c"></div>
        <div id="x4y4" class="xttopline-c"></div>
        <div id="x4y5" class="xttopline-c"></div>
        <div id="x4y6" class="xttopline-c"></div>
        <div id="x4y7" class="xttopline-c"></div>
        <div id="x4y8" class="xttopline-c"></div>
        <div id="x4y9" class="xttopline-c"></div>
        <div id="x4y10" class="xttopline-c"></div>
        <div id="x4y11" class="xttopline-c"></div>
        <div id="x4y12" class="xttopline-c"></div>
        <div id="x4y13" class="xttopline-c"></div>
        <div id="x4y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x5y1" class="xttopline-c"></div>
        <div id="x5y2" class="xttopline-c"></div>
        <div id="x5y3" class="xttopline-c"></div>
        <div id="x5y4" class="xttopline-c"></div>
        <div id="x5y5" class="xttopline-c"></div>
        <div id="x5y6" class="xttopline-c"></div>
        <div id="x5y7" class="xttopline-c"></div>
        <div id="x5y8" class="xttopline-c"></div>
        <div id="x5y9" class="xttopline-c"></div>
        <div id="x5y10" class="xttopline-c"></div>
        <div id="x5y11" class="xttopline-c"></div>
        <div id="x5y12" class="xttopline-c"></div>
        <div id="x5y13" class="xttopline-c"></div>
        <div id="x5y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x6y1" class="xttopline-c"></div>
        <div id="x6y2" class="xttopline-c"></div>
        <div id="x6y3" class="xttopline-c"></div>
        <div id="x6y4" class="xttopline-c"></div>
        <div id="x6y5" class="xttopline-c"></div>
        <div id="x6y6" class="xttopline-c"></div>
        <div id="x6y7" class="xttopline-c"></div>
        <div id="x6y8" class="xttopline-c"></div>
        <div id="x6y9" class="xttopline-c"></div>
        <div id="x6y10" class="xttopline-c"></div>
        <div id="x6y11" class="xttopline-c"></div>
        <div id="x6y12" class="xttopline-c"></div>
        <div id="x6y13" class="xttopline-c"></div>
        <div id="x6y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x7y1" class="xttopline-c"></div>
        <div id="x7y2" class="xttopline-c"></div>
        <div id="x7y3" class="xttopline-c"></div>
        <div id="x7y4" class="xttopline-c"></div>
        <div id="x7y5" class="xttopline-c"></div>
        <div id="x7y6" class="xttopline-c"></div>
        <div id="x7y7" class="xttopline-c"></div>
        <div id="x7y8" class="xttopline-c"></div>
        <div id="x7y9" class="xttopline-c"></div>
        <div id="x7y10" class="xttopline-c"></div>
        <div id="x7y11" class="xttopline-c"></div>
        <div id="x7y12" class="xttopline-c"></div>
        <div id="x7y13" class="xttopline-c"></div>
        <div id="x7y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x8y1" class="xttopline-c"></div>
        <div id="x8y2" class="xttopline-c"></div>
        <div id="x8y3" class="xttopline-c"></div>
        <div id="x8y4" class="xttopline-c"></div>
        <div id="x8y5" class="xttopline-c"></div>
        <div id="x8y6" class="xttopline-c"></div>
        <div id="x8y7" class="xttopline-c"></div>
        <div id="x8y8" class="xttopline-c"></div>
        <div id="x8y9" class="xttopline-c"></div>
        <div id="x8y10" class="xttopline-c"></div>
        <div id="x8y11" class="xttopline-c"></div>
        <div id="x8y12" class="xttopline-c"></div>
        <div id="x8y13" class="xttopline-c"></div>
        <div id="x8y14" class="xttopline-c"></div>
</div>
<div class="xttopline">
        <div id="x9y1" class="xttopline-c"></div>
        <div id="x9y2" class="xttopline-c"></div>
        <div id="x9y3" class="xttopline-c"></div>
        <div id="x9y4" class="xttopline-c"></div>
        <div id="x9y5" class="xttopline-c"></div>
        <div id="x9y6" class="xttopline-c"></div>
        <div id="x9y7" class="xttopline-c"></div>
        <div id="x9y8" class="xttopline-c"></div>
        <div id="x9y9" class="xttopline-c"></div>
        <div id="x9y10" class="xttopline-c"></div>
        <div id="x9y11" class="xttopline-c"></div>
        <div id="x9y12" class="xttopline-c"></div>
        <div id="x9y13" class="xttopline-c"></div>
        <div id="x9y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x10y1" class="xttopline-c"></div>
        <div id="x10y2" class="xttopline-c"></div>
        <div id="x10y3" class="xttopline-c"></div>
        <div id="x10y4" class="xttopline-c"></div>
        <div id="x10y5" class="xttopline-c"></div>
        <div id="x10y6" class="xttopline-c"></div>
        <div id="x10y7" class="xttopline-c"></div>
        <div id="x10y8" class="xttopline-c"></div>
        <div id="x10y9" class="xttopline-c"></div>
        <div id="x10y10" class="xttopline-c"></div>
        <div id="x10y11" class="xttopline-c"></div>
        <div id="x10y12" class="xttopline-c"></div>
        <div id="x10y13" class="xttopline-c"></div>
        <div id="x10y14" class="xttopline-c"></div>
</div>
<div class="xttopline">
        <div id="x11y1" class="xttopline-c"></div>
        <div id="x11y2" class="xttopline-c"></div>
        <div id="x11y3" class="xttopline-c"></div>
        <div id="x11y4" class="xttopline-c"></div>
        <div id="x11y5" class="xttopline-c"></div>
        <div id="x11y6" class="xttopline-c"></div>
        <div id="x11y7" class="xttopline-c"></div>
        <div id="x11y8" class="xttopline-c"></div>
        <div id="x11y9" class="xttopline-c"></div>
        <div id="x11y10" class="xttopline-c"></div>
        <div id="x11y11" class="xttopline-c"></div>
        <div id="x11y12" class="xttopline-c"></div>
        <div id="x11y13" class="xttopline-c"></div>
        <div id="x11y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x12y1" class="xttopline-c"></div>
        <div id="x12y2" class="xttopline-c"></div>
        <div id="x12y3" class="xttopline-c"></div>
        <div id="x12y4" class="xttopline-c"></div>
        <div id="x12y5" class="xttopline-c"></div>
        <div id="x12y6" class="xttopline-c"></div>
        <div id="x12y7" class="xttopline-c"></div>
        <div id="x12y8" class="xttopline-c"></div>
        <div id="x12y9" class="xttopline-c"></div>
        <div id="x12y10" class="xttopline-c"></div>
        <div id="x12y11" class="xttopline-c"></div>
        <div id="x12y12" class="xttopline-c"></div>
        <div id="x12y13" class="xttopline-c"></div>
        <div id="x12y14" class="xttopline-c"></div>
</div>

<div class="xttopline">
        <div id="x13y1" class="xttopline-c"></div>
        <div id="x13y2" class="xttopline-c"></div>
        <div id="x13y3" class="xttopline-c"></div>
        <div id="x13y4" class="xttopline-c"></div>
        <div id="x13y5" class="xttopline-c"></div>
        <div id="x13y6" class="xttopline-c"></div>
        <div id="x13y7" class="xttopline-c"></div>
        <div id="x13y8" class="xttopline-c"></div>
        <div id="x13y9" class="xttopline-c"></div>
        <div id="x13y10" class="xttopline-c"></div>
        <div id="x13y11" class="xttopline-c"></div>
        <div id="x13y12" class="xttopline-c"></div>
        <div id="x13y13" class="xttopline-c"></div>
        <div id="x13y14" class="xttopline-c"></div>
</div>

<div class="xtbottomline">
        <div id="x14y1" class="xttopline-c"></div>
        <div id="x14y2" class="xttopline-c"></div>
        <div id="x14y3" class="xttopline-c"></div>
        <div id="x14y4" class="xttopline-c"></div>
        <div id="x14y5" class="xttopline-c"></div>
        <div id="x14y6" class="xttopline-c"></div>
        <div id="x14y7" class="xttopline-c"></div>
        <div id="x14y8" class="xttopline-c"></div>
        <div id="x14y9" class="xttopline-c"></div>
        <div id="x14y10" class="xttopline-c"></div>
        <div id="x14y11" class="xttopline-c"></div>
        <div id="x14y12" class="xttopline-c"></div>
        <div id="x14y13" class="xttopline-c"></div>
        <div id="x14y14" class="xttopline-c"></div>
</div>

<div class="xtbottomline">
        <div id="x15y1" class="xttopline-c"></div>
        <div id="x15y2" class="xttopline-c"></div>
        <div id="x15y3" class="xttopline-c"></div>
        <div id="x15y4" class="xttopline-c"></div>
        <div id="x15y5" class="xttopline-c"></div>
        <div id="x15y6" class="xttopline-c"></div>
        <div id="x15y7" class="xttopline-c"></div>
        <div id="x15y8" class="xttopline-c"></div>
        <div id="x15y9" class="xttopline-c"></div>
        <div id="x15y10" class="xttopline-c"></div>
        <div id="x15y11" class="xttopline-c"></div>
        <div id="x15y12" class="xttopline-c"></div>
        <div id="x15y13" class="xttopline-c"></div>
        <div id="x15y14" class="xttopline-c"></div>
</div>

<div class="xtbottomline">
        <div id="x16y1" class="xttopline-c"></div>
        <div id="x16y2" class="xttopline-c"></div>
        <div id="x16y3" class="xttopline-c"></div>
        <div id="x16y4" class="xttopline-c"></div>
        <div id="x16y5" class="xttopline-c"></div>
        <div id="x16y6" class="xttopline-c"></div>
        <div id="x16y7" class="xttopline-c"></div>
        <div id="x16y8" class="xttopline-c"></div>
        <div id="x16y9" class="xttopline-c"></div>
        <div id="x16y10" class="xttopline-c"></div>
        <div id="x16y11" class="xttopline-c"></div>
        <div id="x16y12" class="xttopline-c"></div>
        <div id="x16y13" class="xttopline-c"></div>
        <div id="x16y14" class="xttopline-c"></div>
</div>

<div class="xtbottomline">
        <div id="x17y1" class="xttopline-c">1</div>
        <div id="x17y2" class="xttopline-c">2</div>
        <div id="x17y3" class="xttopline-c">3</div>
        <div id="x17y4" class="xttopline-c">4</div>
        <div id="x17y5" class="xttopline-c">5</div>
        <div id="x17y6" class="xttopline-c">6</div>
        <div id="x17y7" class="xttopline-c">7</div>
        <div id="x17y8" class="xttopline-c">8</div>
        <div id="x17y9" class="xttopline-c">9</div>
        <div id="x17y10" class="xttopline-c">+0</div>
        <div id="x17y11" class="xttopline-c">+1</div>
        <div id="x17y12" class="xttopline-c">+2</div>
        <div id="x17y13" class="xttopline-c">+3</div>
        <div id="x17y14" class="xttopline-c">+4</div>
</div>
</div>
<script language="javascript">
//alert("OK, Let's GO! ---- from airy");
show(1,2);
show(2,2);
show(3,2);
show(4,2);

show(3,12)
show(4,12)
show(4,13)
show(4,14)

show(6,5)
show(7,5)
show(7,6)
show(8,5)

show(12, 2)
show(12, 3)
show(13,2)
show(13,3)

show(17,13)
show(17,1)
show(17,2)
show(17,3)
show(17,4)
show(17,5)
show(17,6)
show(17,7)
show(17,8)
show(17,9)
show(17,10)
show(17,11)
show(17,12)
show(17,14)




show(1,8)
show(1,9)
show(1,10)


//code blow this line makes 
setTimeout("show(2,8);show(2,9);show(2,10);hid(1,8);hid(1,10);", 500)
setTimeout("show(3,8);show(3,9);show(3,10);hid(2,8);hid(2,10);hid(1,9)", 1000)
setTimeout("show(4,8);show(4,9);show(4,10);hid(3,8);hid(3,10);hid(2,9)", 1500)
setTimeout("show(5,8);show(5,9);show(5,10);hid(4,8);hid(4,10);hid(3,9)", 2000)
setTimeout("show(6,8);show(6,9);show(6,10);hid(5,8);hid(5,10);hid(4,9)", 2500)
setTimeout("show(7,8);show(7,9);show(7,10);hid(6,8);hid(6,10);hid(5,9)", 3000)
setTimeout("show(8,8);show(8,9);show(8,10);hid(7,8);hid(7,10);hid(6,9)", 3500)
setTimeout("show(9,8);show(9,9);show(9,10);hid(8,8);hid(8,10);hid(7,9)", 4000)
setTimeout("show(10,8);show(10,9);show(10,10);hid(9,8);hid(9,10);hid(8,9)", 4500)
setTimeout("show(11,8);show(11,9);show(11,10);hid(10,8);hid(10,10);hid(9,9)", 5000)
setTimeout("show(12,8);show(12,9);show(12,10);hid(11,8);hid(11,10);hid(10,9)", 5500)
setTimeout("show(13,8);show(13,9);show(13,10);hid(12,8);hid(12,10);hid(11,9)", 6000)
setTimeout("show(14,8);show(14,9);show(14,10);hid(13,8);hid(13,10);hid(12,9)", 6500)
setTimeout("show(15,8);show(15,9);show(15,10);hid(14,8);hid(14,10);hid(13,9)", 7000)
setTimeout("show(16,8);show(16,9);show(16,10);hid(15,8);hid(15,10);hid(14,9)", 7500)

//setTimeout("hid(15,14);show(15,12)", 500)
//setTimeout("hid(15,13);show(15,11)", 500)
//setTimeout("hid(15,12);show(15,10)", 500)
//setTimeout("show(15,13)", 500)
//setTimeout("show(15,13)", 500)


function show(x, y) {
        document.getElementById("x"+x+"y"+y).style.backgroundColor="#CC9900"
}

function hid(x, y) {
        document.getElementById("x"+x+"y"+y).style.backgroundColor="white"
}

</script>
</body>
</html>